<script>
export default {
  name: 'ECollapse',
  props: [
    'shu3'
  ],
  data () {
    return {
    }
  }
}
</script>

<template>
  <div v-if="shu3!==0" style="max-width: 1100px;user-select: none" >
  <el-collapse  style="border-radius: 30px;
  overflow: hidden;" >
      <el-collapse-item >
        <template slot="title"><div class="collapse1"><span style="padding: 10px">{{ item }}</span>
          一致性 Consistency<i class="header-icon el-icon-info"></i></div>
        </template>
        <div style="padding: 10px">与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
        <div style="padding: 10px">在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
      </el-collapse-item>
  </el-collapse>
  </div>
</template>

<style scoped lang="scss">
.collapse1 {
  display: flex;
  justify-content: space-between;
  align-items: center
}
//剩下的样式在styles中的index.scss中
</style>
